<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
  <meta http-equiv="Pragma" content="no-cache" />
  <meta http-equiv="Expires" content="0" />
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="format-detection" content="telephone=no">
  <meta name="format-detection" content="email=no">
  <meta name="applicable-device" content="mobile">
  <meta name="author" content="xubing" />
  <title>票选详情</title>
  <link rel="apple-touch-icon" href="../img/logo100.png">
  <link rel="icon" href="../img/logo100.png">
  <link rel="stylesheet" type="text/css" href="../lisp/vant/css/vantCss.css?rev=@@hash" />
  <link rel="stylesheet" type="text/css" href="../lisp/swiper/swiper.min.css?rev=@@hash" />
  <link rel="stylesheet" type="text/css" href="../css/common.min.css?rev=@@hash" />
  <!-- 自己的css -->
  <link href="../lisp/jindutiao/pro-bars.min.css" rel="stylesheet" type="text/css" media="all" />
  <link rel="stylesheet" type="text/css" href="../css/FPtVoteDetails.css?rev=@@hash">
</head>

<body>
  <div class="hui"></div>
  <div class="bai"></div>
  <div class="hintInfo"></div>
  <div class="loadImgBox">
    <img class="loadImg" src="../img/load.gif?v= 7f0d7ae" />
  </div>
  <div id="app" v-cloak>
    <div id="supernatant" class="rgba6 share-box" :style="display">
      <div class="supernatant-left">
        <img class="getCommonHead" src="" />
        <p>
          <i class="getCommonName">姿美汇VIP</i>
          <span class="getCommonCode">邀请码:<u></u></span>
        </p>
      </div>
      <div class="supernatant-right">
        <div id="on" @click="on" class="clipboardPro">
          打开APP
        </div>
      </div>
    </div>
    <div v-html="aliPay"></div>
    <!-- 顶部主图 -->
    <div class="topImg" :style="margintop">
      <img :src="voteDatailsData.themeImgUrl" alt="">
      <!-- 已入选 -->
      <img v-if="voteDatailsData.status==1&&voteDatailsData.isSelect==1" class="topImg-in" src="../img/voteDetail/in.png"
        alt="">
      <!--未入选 -->
      <img v-else-if="voteDatailsData.status==1&&voteDatailsData.isSelect==0" class="topImg-in" src="../img/voteDetail/out.png"
        alt="">
    </div>
    <!-- 产品信息 -->
    <div class="product_info">
      <div class="product_info-title" v-text="voteDatailsData.showItemName">
      </div>
      <div class="product_info-paceBtn">
        <div class="product_info-pace">
          <!-- 未参加-价格 -->
          <div v-if="voteDatailsData.status==0&&voteDatailsData.isJoin==0" class="product_info-pace-s1">
            <p>￥<span v-text="voteDatailsData.pricelist[0].votePrice"></span>~<span
                v-text="voteDatailsData.pricelist[voteDatailsData.pricelist.length-1].votePrice"></span></p>
            <p>投票后揭晓当前价格</p>
          </div>
          <div v-else-if="voteDatailsData.status==0&&voteDatailsData.isJoin==1" class="product_info-pace-s2">
            当前价 ￥<span v-text="voteDatailsData.pricelist[app.getCurrentPrice(voteDatailsData.showNumMan)].votePrice"></span>
          </div>
          <div v-else-if="voteDatailsData.status==1" class="product_info-pace-s2">
            最终价 ￥<span v-text="voteDatailsData.finalPrice"></span>
          </div>
        </div>
        <div class="product_info-btn">
          <!-- 未参与 && 进⾏行行中 -->
          <button v-if="voteDatailsData.status==0&&voteDatailsData.isVote==0&&voteDatailsData.isJoin==0" class="product_info-btn-s1"
            v-text="'投票￥'+0.01" @click="goPay"></button>
          <button v-else-if="voteDatailsData.status==0&&voteDatailsData.isVote==0&&voteDatailsData.isJoin==1" class="product_info-btn-s2">未投该项</button>
          <button v-else-if="voteDatailsData.status==1&&voteDatailsData.isVote==0&&voteDatailsData.isJoin==1&&voteDatailsData.isSelect==0"
            class="product_info-btn-s2">未投该项</button>
          <button v-else-if="voteDatailsData.status==0&&voteDatailsData.isVote==1" class="product_info-btn-s2">已投该项</button>
          <button v-else-if="voteDatailsData.status==1&&voteDatailsData.isVote==1&&voteDatailsData.isSelect==0" class="product_info-btn-s2">已投该项</button>
          <button v-else-if="voteDatailsData.status==1&&voteDatailsData.isVote==1&&voteDatailsData.isSelect==1&&voteDatailsData.mIsPutaway!=''"
            class="product_info-btn-s1" @click="location.href='productDetails.html?isFx=1&isPx=1&productId='+voteDatailsData.mIsPutaway+'&voteItemCode='+getQueryString('voteItemCode')+'&voteItemNum='+voteDatailsData.voteActivityIssueNum"
            style="width:110px">已投票 去抢购</button>
          <button v-else-if="voteDatailsData.status==1&&voteDatailsData.isVote==1&&voteDatailsData.isSelect==1&&voteDatailsData.mIsPutaway==''"
            class="product_info-btn-s1" @click="active=1" style="width:110px">已投票 看溯源</button>
          <button v-else-if="voteDatailsData.status==1&&voteDatailsData.isVote==0&&voteDatailsData.isSelect==1&&voteDatailsData.mIsPutaway!=''"
            class="product_info-btn-s1" @click="location.href='productDetails.html?isFx=1&isPx=1&productId='+voteDatailsData.mIsPutaway+'&voteItemCode='+getQueryString('voteItemCode')+'&voteItemNum='+voteDatailsData.voteActivityIssueNum">去抢购</button>
          <button v-else-if="voteDatailsData.status==1&&voteDatailsData.isVote==0&&voteDatailsData.isSelect==1&&voteDatailsData.mIsPutaway==''"
            class="product_info-btn-s1" @click="active=1">看溯源</button>
          <button v-else-if="voteDatailsData.status==1&&voteDatailsData.isJoin==0&&voteDatailsData.isSelect==0" class="product_info-btn-s2">未参与投票</button>
        </div>
      </div>
    </div>
    <!-- 未投票活动剩余时间 -->
    <div class="activeTime" v-if="voteDatailsData.status==0&&voteDatailsData.isVote==0&&voteDatailsData.isJoin==0">
      <p>活动剩余：<a v-text="voteDatailsData.leftTime.day"></a>天<a v-text="voteDatailsData.leftTime.hours"></a>小时<a v-text="voteDatailsData.leftTime.minutes"></a>分</p>
      <p>提示：每人每期仅可投一项，投票后立得5元优惠。</p>
    </div>

    <!-- 以投票-当前投票人数 -->
    <div class="voteNum" v-if="voteDatailsData.status==1||voteDatailsData.isJoin==1">
      <div class="position">
        <div class="voteNum_top">
          <span><a v-text="voteDatailsData.status==1?'共':'已有'"></a><a v-text="voteDatailsData.showNumMan"></a>人投票</span>
          <span v-if="voteDatailsData.status==0">活动剩余：<a v-text="voteDatailsData.leftTime.day"></a>天<a v-text="voteDatailsData.leftTime.hours"></a>小时<a
              v-text="voteDatailsData.leftTime.minutes"></a>分</span>
          <span class="guize" v-else-if="voteDatailsData.status==1"><img src="../img/voteDetail/guize.png" alt="">投票已结束</span>
        </div>
        <div class="pro-bar-container color-pumpkin">
          <div class="pro-bar color-carrot" :style="bar(voteDatailsData.showNumMan)" data-pro-bar-percent="100"
            data-pro-bar-delay="600">
            <div class="pro-bar-candy candy-ltr"></div>
          </div>
        </div>
        <div v-for="item,index in voteDatailsData.pricelist" v-if="index!=0" class="position_1" :style="left(item,index,event)">
          <ul>
            <li>
              <a v-if="voteDatailsData.showNumMan>=voteDatailsData.pricelist[index].bottomVoteNum" v-text="'￥'+item.votePrice" style="color: #ff8e9c;"></a>
              <a v-else v-text="'￥'+item.votePrice" style="color: #999999;"></a>
            </li>
            <li v-if="voteDatailsData.showNumMan>=voteDatailsData.pricelist[index].bottomVoteNum"><img src="../img/voteDetail/dabiao.png"
                alt=""></li>
            <li v-else><img src="../img/voteDetail/wei.png" alt=""></li>
            <li><a v-text="item.bottomVoteNum"></a>人</li>
          </ul>
        </div>
        <!-- 当前投票数 -->
        <p class="voteNumber-p" :style="Mleft(app.getCurrentPrice(voteDatailsData.showNumMan))">
          <span class="voteNumber" v-text="voteDatailsData.showNumMan"></span>
        </p>
        <!-- 去抽奖 -->
        <img v-if="voteDatailsData.status==0&&voteDatailsData.isJoin==1&&voteDatailsData.isInvite==0" class="goAward"
          src="../img/voteDetail/go.png" alt="" @click="location.href='FPtPrizeInit.html'">
      </div>
    </div>
    <!-- 邀请好友 -->
    <div class="inviteFriend" v-if="(voteDatailsData.status==1||voteDatailsData.isJoin==1)&&voteDatailsData.isInvite==1"
      @click.stop="goShare()">
      <div class="img1">
        <img v-for="item,index in voteDatailsData.imagelistMap" v-if="index<=4" :src="item.voteUserHeadImgUrl" alt="">
        <img v-if="voteDatailsData.imagelistMap.length>4" src="../img/voteDetail/dian.png" alt="">
      </div>
      <template v-if="voteDatailsData.Lotterynum==0||voteDatailsData.status==1">
        <i class="van-icon van-icon-arrow van-cell__right-icon" style="float: right;"></i>
        <span>已邀请<a v-text="voteDatailsData.inviteNum"></a>人</span>
      </template>
      <template v-else-if="voteDatailsData.status==0">
        <img class="jiang" src="../img/voteDetail/jiang.gif" alt="" @click.stop="location.href='FPtPrizeInit.html'">
      </template>
    </div>
    <!-- 票选理由/溯源 -->
    <div class="voteReason">
      <van-tabs v-model="active" swipeable color="#ff8e9c" line-width="66">
        <van-tab v-for="item,index in tab" :title="item">
          <div class="voteReason_cont" v-if="active==0" v-html="voteDatailsData.voteReasonDesc">
          </div>
          <div class="voteReason_suyuan" v-if="active==1">
            <p v-if="voteDatailsData.status==0" class="voteReason_suyuan-kong">票选成功后马上开启溯源之旅~</p>
            <p v-else-if="voteDatailsData.status==1&&voteDatailsData.isSelect==0" class="voteReason_suyuan-kong">票选失败，无法开启溯源之旅~</p>
            <div v-else-if="voteDatailsData.status==1&&voteDatailsData.isSelect==1" id="video-box">
              <p v-if="!Backsource" class="voteReason_suyuan-kong">精彩溯源，马上呈现~</p>
              <ul v-else>
                <li v-for="item in Backsource" @click="goSource(item)">
                  <img v-if="item.sourceType=='video'" class="play" src="../img/voteDetail/play.png" alt="">
                  <img class="coverImgUrl" :src="item.coverImgUrl" alt="">
                  <div class="voteReason_suyuan-info">
                    <p class="video-box-title" v-text="item.sourceTitle"> </p>
                    <p> <span v-text="item.timeDistance"></span> <span><img class="yanjing" src="../img/voteDetail/Mask@2x.png"
                          alt="">
                        <a v-text="item.viewNum"></a></span>
                    </p>
                  </div>
                </li>
              </ul>
            </div>
          </div>
        </van-tab>
      </van-tabs>
    </div>
  </div>
</body>
<script src="../lisp/jquery-2.1.4.min.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
<script src="../lisp/vue.min.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
<script src="../lisp/vant/js/vantJs.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
<script src="../lisp/swiper/swiper.min.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
<script src="../lisp/fastclick.min.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
<script src="../lisp/vue-lazyload.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
<script src="../js/constant.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
<script src="../js/common.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
<script src="../lisp/radialIndicator/iscroll.min.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
<!-- 自己的js -->
<script src="https://cdn.bootcss.com/jqueryui/1.10.4/jquery-ui.min.js"></script>
<script src="../lisp/jindutiao/appear.min.js" type="text/javascript"></script>
<script src="../lisp/jindutiao/pro-bars.min.js" type="text/javascript"></script>
<script src="../js/FPtVoteDetails.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>

</html>
